<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阴阳师 天魔归来</title>
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

</head>
<body>

    <div class="box">
        <!-- 第一部分 -->
        <div class="box1">
            <!-- 表头 -->
            <div class="head">
                <div class="menu">
                    <i class="fa fa-list-ul"></i>
                    <span>游戏全目录</span>
                </div>
                <div class="img">
                    <span>
                        <img src="./img/download1.jpg" alt="" class="img_1">
                        <a href="javascript:;">
                            <img src="./img/download2.jpg" alt="" class="img_2">
                        </a>
                    </span>
                </div>
                <div class="logo">
                    <a href="javascript:;">
                        <img src="./img/download3.png" alt="">
                    </a>
                </div>
                <div class="image">
                    <div class="up">
                    <a href="javascript:;" class="image1">限时领取免费课程</a>
                    <a href="javascript:;" class="image2">25元专属券免费领！</a>
                </div>
            </div>

           
        </div>

         <!-- 内容 -->
         <div class="content">
             <div class="background">
                 <img src="./img/download5.jpg" alt="">
                
                 <div class="logo">
                    <a href="https://yys.163.com/"><img src="./img/back/download0.1.webp" alt=""></a>
                </div>
   
                <div class="window">
                    <a href=""><img src="./img/back/download0.2.png" alt=""></a>
                   </div>
   
                   <div class="people_1">
                       <a href="javascript:;"><img src="./img/back/download1.png" alt=""></a>
                   </div>
                   <div class="people_2">
                       <a href="javascript:;"><img src="./img/back/download2.png" alt=""></a>
                   </div>
                   <div class="people_3">
                       <a href="javascript:;"><img src="./img/back/download3.png" alt=""></a>
                   </div>
                   <div class="people_4">
                       <a href="javascript:;"><img src="./img/back/download4.png" alt=""></a>
                   </div>

                   <!-- 轮播图 -->
                   <div class="list-img">
                       <div class="img-all">
                           <div class="img-1"></div>
                           <div class="img-2"></div>
                           <div class="img-3"></div>
                           <div class="img-4"></div>
                       </div>
                   </div>
    
                </div>


        </div>


        <!-- 第二部分 -->
        <div class="box2"></div>
    </div>
    
</body>
</html>